﻿<html ng-app="website">
<head>
    <title>website</title>

    <script src="Scripts/libs/jquery-1.9.0.min.js"></script>
        <!--<script type="text/javascript" src="Scripts/libs/spacegallery/jquery.js"></script>-->

    <script type="text/javascript"
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDV0RsgOrCTiDo6Zo8qS5Qd-nWxniuf694&sensor=false">
    </script>
    <script src="Scripts/libs/angular.js"></script>
    <script src="Scripts/app.js"></script>
    <script src="Scripts/controllers/controllers.js"></script>
    <script src="Scripts/libs/underscore.js"></script>
    <!--<link href="Styles/forum.css" rel="stylesheet" />-->
    <link href="Styles/site.css" rel="stylesheet" />

    <!--    <link rel="stylesheet" href="../themes/default/default.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="../themes/light/light.css" type="text/css" media="screen" />-->
    <link rel="stylesheet" href="themes/dark/dark.css" type="text/css" media="screen" />
    <!--    <link rel="stylesheet" href="themes/bar/bar.css" type="text/css" media="screen" />-->
    <link rel="stylesheet" href="Styles/nivo-slider.css" type="text/css" media="screen" />
    <!--<link rel="stylesheet" href="Styles/style.css" type="text/css" media="screen" />-->


</head>
<body ng-controller="HomeController">
    <div id="wrapper-header">
        <header>
            <a href="#/">
                <img id="logo" alt="TRAL LOGO" /></a>
            <nav>
                <ul id="nav-ul">
                    <li><a class="selected" id="nav-home" href="#/">Начало</a></li>
                    <li><a id="nav-about" href="#/about">За нас</a></li>
                    <li><a id="nav-services" href="#/services">Услуги</a></li>
                    <li><a id="nav-contacts" href="#/contact">Контакти</a></li>
                </ul>
            </nav>
        </header>

        <div class="slider-wrapper theme-default">
            <div id="slider" class="nivoSlider">
                <img src="Styles/img/lg/1.jpg" />
                <img src="Styles/img/lg/2.jpg" />
                <img src="Styles/img/lg/3.jpg" />
                <!--  <img src="images/toystory.jpg" data-thumb="images/toystory.jpg" alt="" />
                <a href="http://dev7studios.com"><img src="images/up.jpg" data-thumb="images/up.jpg" alt="" title="This is an example of a caption" /></a>
                <img src="images/walle.jpg" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" />
                <img src="images/nemo.jpg" data-thumb="images/nemo.jpg" alt="" title="#htmlcaption" />-->
            </div>
            <div id="htmlcaption" class="nivo-html-caption">
                <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. 
            </div>
        </div>
    </div>

    <div id="wrapper">
        <div ng-view></div>
        <div id="map-canvas"></div>
        <hr />
        <footer>
            (c)
            <script>document.write(new Date().getFullYear())</script>
            - TRAL EOOD
        </footer>
    </div>
</body>
</html>
<script type="text/javascript" src="Scripts/libs/jquery.nivo.slider.js"></script>
<script type="text/javascript">
    showMap();
    //makeSelected();

    $(function () {

        $('#slider').nivoSlider({
            effect: 'random',               // Specify sets like: 'fold,fade,sliceDown'
            slices: 15,                     // For slice animations
            boxCols: 8,                     // For box animations
            boxRows: 4,                     // For box animations
            animSpeed: 500,                 // Slide transition speed
            pauseTime: 3000,                // How long each slide will show
            startSlide: 0,                  // Set starting Slide (0 index)
            directionNav: false,             // Next & Prev navigation
            controlNav: true,               // 1,2,3... navigation
            controlNavThumbs: true,        // Use thumbnails for Control Nav
            pauseOnHover: false,             // Stop animation while hovering
            manualAdvance: false,           // Force manual transitions
            prevText: 'Prev',               // Prev directionNav text
            nextText: 'Next',               // Next directionNav text
            randomStart: false,             // Start on a random slide
            beforeChange: function () { },     // Triggers before a slide transition
            afterChange: function () { },      // Triggers after a slide transition
            slideshowEnd: function () { },     // Triggers after all slides have been shown
            lastSlide: function () { },        // Triggers when last slide is shown
            afterLoad: function () { }         // Triggers when slider has loaded
        });
    });


</script>


<script>
    //(function smth() {
    //    if ($('#myGallery')) {

    //        $('#myGallery').spacegallery({ loadingClass: 'loading' });
    //    }
    //})();
    //window.onload = showGallery;
</script>